<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>搜索框自动提示</title>
		<link rel="stylesheet" href="search.css" />
	</head>

	<body>
		<!--onkeyup在键盘按键被松开时发生-->
		<input type="text" id="myInput" onkeyup="myFunction()" placeholder="搜索...">

		<ul id="myUL">
			<li>
				<a href="#" class="header">A</a>
			</li>
			<li>
				<a href="#">Adele</a>
			</li>
			<li>
				<a href="#">Agnes</a>
			</li>

			<li>
				<a href="#" class="header">B</a>
			</li>
			<li>
				<a href="#">Billy</a>
			</li>
			<li>
				<a href="#">Bob</a>
			</li>

			<li>
				<a href="#" class="header">C</a>
			</li>
			<li>
				<a href="#">Calvin</a>
			</li>
			<li>
				<a href="#">Christina</a>
			</li>
			<li>
				<a href="#">Cindy</a>
			</li>
		</ul>
		
		<script src="search.js"></script>
	</body>

</html>